<!DOCTYPE html>
%%HTMLENTETE%%
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
	<base href="%%IntWebDir%%">
    %%ExpirationCocktail%%
    <title>##InterviewerWeb_22014##</title>
    <link href="StylesA4s/CatiMenu.css" rel="stylesheet"/>

    <script language="javascript">
    function MessageOpen(dURL)
    {
        sURL = dURL;
        sName = "_blank";
        sFeatures = "channelmode=no, directories=no, location=no, resizable=no, menubar=no, scrollbars=yes, status=no, top=20, height=365, left=40, width=550";
        oNewWindow=window.open( sURL , sName, sFeatures);
    }

    function nothing()
    {
    }
    </script>


</head>

<body BGCOLOR="#FFFFFF" TEXT="#000000" VLINK="#0000FF" ONLOAD="document.forms[0].submission = false; %%AutomaticCaseDeliveryCode%%">
%%PopupMessage%%

<form method="POST" name="webcati" action="intweb.dll" ONSUBMIT="return document.forms[0].submission;">

%%HiddenFields%%


<script language="javascript">
    function OnCallBack()
    {
        var Continue;

        if (document.forms[0]['CALLBACKSTATUS'].value == '1')
        {
            Continue = confirm('##InterviewerWeb_22044##');
        }
        else
        {
            if (document.forms[0]['CALLBACKSTATUS'].value == '2')
            {
                Continue = confirm('##InterviewerWeb_22045##');
            }
            else
            {
                Continue = document.forms[0]['CALLBACKSTATUS'].value == '0';
            }
        }

        document.forms[0].submission = Continue;
    }

    function OnOk(event)
    {
        if (event.key === 'Enter' && event.target.value)
        {
            var okBtn = document.getElementsByName('IACTION-8')[0];
            if (okBtn && okBtn.style.display !== 'none')
            {
                event.preventDefault();
                okBtn.click();
            }
        }
    }

    // Reenable the New Call button if it was initially disabled (occurs when no sample is available)

    %%DelayedNewCallReenable%%

    function EnableNewCall()
    {
        var newCallBtn = document.getElementsByName('IACTION-4')[0];
        if (newCallBtn.disabled)
        {
            newCallBtn.disabled = false;
        }
    }
</script>


%%AutomaticNewCaseDeliveryScript%%


<TABLE BORDER="0" ALIGN="CENTER" WIDTH="100%" BGCOLOR="#EEEEEE" CELLPADDING="5" CELLSPACING="0" BORDERCOLOR="#EEEEEE" BORDERCOLORLIGHT="#EEEEEE" BORDERCOLORDARK="#EEEEEE">


<!-- banner row -->
<TR>
<TD>
    <table cellpadding="0" border="0" cellspacing="0" width="100%" BORDERCOLOR="#EEEEEE" BORDERCOLORLIGHT="#EEEEEE" BORDERCOLORDARK="#EEEEEE">
        <tr style="height: 40px;">
            <td nowrap align="left" bgcolor="#2989b3" width="50%" style="border-radius: 5px;">
                <img src="Images/cati_iconTitle.png" style="margin-left: 25px;">
            </td>
        </tr>
    </table>
</TD>
</TR>


<!-- summary block -->
<TR>
<TD>
    <TABLE class="summaryBlock" WIDTH="100%" cellpadding="1" cellspacing="0">
    <TR>
    <TD>
        <table cellpadding="1" border="0" cellspacing="0" width="100%" BGCOLOR="#FFFFFF">
        <tr>
            <td NOWRAP WIDTH="20%" class="td_label"><B> &nbsp;##InterviewerWeb_22015##</B></td>
            <td NOWRAP WIDTH="20%">
                <span class="td_label">##InterviewerWeb_22016## :</span>
                <span>%%InterviewerId%%</span>
            </td>
            <td NOWRAP WIDTH="20%">
                <span class="td_label">##InterviewerWeb_22005## :</span>
                <span>%%ModuleName%%</span></td>
            <td colspan=2 NOWRAP WIDTH="40%">
                <span class="td_label">##InterviewerWeb_20534## :</span>
                <span>%%InterviewerName%%</span>
            </td>
        </tr>
        <tr>
            <td NOWRAP WIDTH="20%" class="td_label"><B> &nbsp;##InterviewerWeb_22017##</B></td>
            <td NOWRAP WIDTH="20%">
                <span class="td_label">##InterviewerWeb_22018## :</span>
                <span>%%NbCalls%%</span>
            </td>
            <td NOWRAP WIDTH="20%">
                <span class="td_label">##InterviewerWeb_22019## :</span>
                <span>%%NbCompleted%%</span>
            </td>
            <td NOWRAP WIDTH="20%">
                <span class="td_label">##InterviewerWeb_22020## :</span>
                <span>%%LastRecordHandled%%</span>
            </td>
            <td NOWRAP WIDTH="20%">
                <span class="td_label">##InterviewerWeb_20589## :</span>
                <span>%%ProjectMode%%</span>
            </td>
        </tr>
        </table>
    </TD>
    </TR>
    </TABLE>
</TD>
</TR>


<!-- First row of buttons (New Call, Callback, Quit) -->
<TR>
<TD>
    <table cellpadding="1" border="0" cellspacing="0" width="100%" BORDERCOLOR="#EEEEEE" BGCOLOR="#EEEEEE">
    <TR>
    <TD ALIGN="left" VALIGN="middle" WIDTH="33%">
        <Input class="btn_base btn_important" accesskey="N" title="##InterviewerWeb_22021## (Alt+N)" type="SUBMIT" ONCLICK="this.style.color='green'; document.forms[0].submission=true; setTimeout(function() { this.disabled=true; }, 100);" value=" ##InterviewerWeb_22022## " name="IACTION-4" %%NewCallDisabled%% tabindex="1">&nbsp;&nbsp;
        <Input class="btn_base" accesskey="C" title="##InterviewerWeb_22023## (Alt+C)" type="SUBMIT" ONCLICK="OnCallBack();" value="##InterviewerWeb_22024##" name="IACTION-5" disabled="true" tabindex="2">
    </TD>
    <TD VALIGN="middle" ALIGN="right" WIDTH="33%">
        %ERROR%
    </TD>
    <TD VALIGN="middle" ALIGN="right" WIDTH="33%">
        <Input class="btn_base" accesskey="Q" title="##InterviewerWeb_22025## (Alt+Q)" type="SUBMIT" ONCLICK="document.forms[0].submission=true;" value="    ##InterviewerWeb_22026##    " name="IACTION-3" tabindex="9999">
    </TD>
    </TR>
    </table>
</TD>
</TR>


%%HiddenFields2%%


<!-- Second row of controls (Record/Tel radio buttons; Ok, Review and Review Open End buttons) -->
<TR>
<TD ALIGN="CENTER">

<TABLE cellpadding="0" border="0" cellspacing="0">
    <TR>
    <TD VALIGN="MIDDLE" BGCOLOR="#EEEEEE" BORDERCOLOR="#EEEEEE" style="display:%%SearchRowVisible%%;">
        <FONT FACE="Arial" SIZE="2"><LABEL for="num" accesskey="O"><B>##InterviewerWeb_22028##:&nbsp;&nbsp;</B></LABEL>
        <INPUT TYPE="radio" NAME="SEARCHFIELD" VALUE="REC" CHECKED TABINDEX="1001" ID="record"><LABEL for="record" accesskey="R">##InterviewerWeb_20523##</LABEL>
        <INPUT TYPE="radio" NAME="SEARCHFIELD" VALUE="TEL" TABINDEX="1002" ID="tel"><LABEL for="tel" accesskey="L">##InterviewerWeb_22027##</LABEL>
        &nbsp;&nbsp;&nbsp;&nbsp;</FONT>
    </TD>
    <TD NOWRAP VALIGN="MIDDLE" BGCOLOR="#EEEEEE" BORDERCOLOR="#EEEEEE">
        <INPUT class="field" ID="num" TYPE="text" SIZE="10" NAME="RECNO" style="display:%%LastRecordFieldVisible%%" ONKEYDOWN="OnOk(event)" VALUE="%%LastRecord%%" TABINDEX="1003">
        <INPUT class="btn_base" accesskey="O" title="##InterviewerWeb_22028## (Alt+O)" TYPE="SUBMIT" style="display:%%OkButtonVisible%%;" ONCLICK="document.forms[0].submission=true;" VALUE="     ##InterviewerWeb_22043##     " NAME="IACTION-8" TABINDEX="1004">
        <INPUT class="btn_base" title="##InterviewerWeb_22047## " TYPE="SUBMIT" style="display:%%ReviewButtonVisible%%;" ONCLICK="document.forms[0].submission=true;" VALUE="     ##InterviewerWeb_22046##     " NAME="IACTION-13" TABINDEX="1005">
        <INPUT class="btn_base" title="##InterviewerWeb_22049## " TYPE="SUBMIT" style="display:%%ReviewOpenEndButtonVisible%%;" ONCLICK="document.forms[0].submission=true;" VALUE="     ##InterviewerWeb_22048##     " NAME="IACTION-14" TABINDEX="1006">
    </TD>
    </TR>
</TABLE>

</TD>
</TR>


<!-- Callback list -->

<TR>
<TD>

%%CallbackList%%

</TD>
</TR>


<!-- Status bar -->
<TR>
<TD BGCOLOR="#EEEEEE" BORDERCOLOR="#EEEEEE">

<table class="statusBar" cellpadding="2" border="0" cellspacing="0" width="100%">
    <TR>
        <TD ALIGN=LEFT><span class="statusText statusText_important">##InterviewerWeb_22029## : %%NbCallbacks%%</span>
        </TD>
        <TD ALIGN=CENTER>
        </TD>
        <TD ALIGN=RIGHT><span class="statusText">##InterviewerWeb_20582## %%CurrentYear%% Voxco</span>
        </TD>
    </TR>
</table>

</TD>
</TR>


</TABLE> <!-- end global table -->

</form>


%%ProntoForm%%

</body>

</html>
